<template>
  <div class="m-cell">
    <div class="m-cell__title">
      <slot v-if="$slots.title" name="title" />
      <div v-else>
        {{ title }}
      </div>
    </div>

    <div class="m-cell__value">
      <slot v-if="$slots.value" name="value" />
      <div v-else>
        {{ value }}
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "MCell",
  props: {
    title: {
      type: [String, Number],
    },
    value: {
      type: [String, Number],
    },
  },
});
</script>
